export default {
  functional: true,
  render(h, { parent,data }) {
    // 渲染组件
    // 渲染层级是从父到子
    data.routerView = true
    const route = parent.$route;
    let depth = 0;
    while (parent) {
      // 不停的向上查询父结构节点
      const vnode = parent.$vnode; // 对应的是函数渲染组件的本身
      if (vnode && vnode.data && vnode.data.routerView) {
        depth++;
      }
      parent = parent.$parent;
    }
    let record = route.matched[depth];
    if (record) {
      return h(record.component,data);
    }
    return h();
  },
};
